/* eslint-disable */
<template>
  <div id="secondcomponent">
    <h1>I am another page</h1>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <h1 style="line-height: 36px; color: #20A0FF">豆瓣电影排行榜</h2>
      </div>
      <div v-for="article in articles">
        {{article.title}}
      </div>
    </el-card>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
export default {
  data() {
    return {
    }
  },
  computed:mapGetters({
      articles:'getMovieTop10',
    }),
  mounted: function() {
    debugger;
    this.$store.dispatch('getMovieTop10');
    
  }
}
</script>

<style>

</style>
